<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <link rel="shortcut icon" type="image/ico" href="/site_media/image/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/site_media/css/style.css" />
    <script src="/site_media/js/jquery-1.6.1.js" type="text/javascript"></script>
    <script src="/site_media/js/init.js" type="text/javascript"></script>
    <title>ESP Game</title>
</head>
<body>
    <div class="top">
        <span class="top-info">
            {% if user.is_authenticated %}{{ user.username }} | Help | <a href="/logout/">Sign Out</a>{% else %}Help | <a href="/login/">Sign In</a>{% endif %}
        </span>
        <img class="top-logo" src="/site_media/image/logo.png" alt="" />
        <div class="top-title">ESP Game</div>
    </div>
    <div class="main">
        <div class="register-left">
            <div class="register-title">Create An ESP Account</div>
            <p class="register-word">
                If you hava an ESP Account, login <a href="/login/">here</a>
            </p>
            <p class="register-subtitle">
                Necessary info for an ESP account:
            </p>
            <form action="" method="post">
                <div>
                    <label class="register-label" for="register_username">Your Username:</label>
                    <input id="register_username" type="text" name="username" />
                    <span id="checkRegisterUsername" class="register-check"></span>
                </div>
                <div>
                    <label class="register-label" for="register_password">Set Your Password:</label>
                    <input id="register_password" type="password" name="password" />
                    <span id="checkRegisterPassword" class="register-check"></span>
                </div>
                <div>
                    <label class="register-label" for="register_confirm_password">Confirm Password:</label>
                    <input id="register_confirm_password" type="password" name="confirmpassword" />
                    <span id="checkRegisterConfirmPassword" class="register-check"></span>
                </div>
                <div>
                    <div class="register-label"><label for="register_email">Email:</label></div>
                    <input id="register_email" type="email" name="email" />
                    <span id="checkRegisterEmail" class="register-check"></span>
                </div>
                <div>
                    <input id="register_submit" class="register-button" type="submit" name="submit" value="register" />
                </div>
            </form>
        </div>
    </div>
    <div class="clear"></div>
    <div class="footer">
        ©2011 ESP Game All Rights Reserved
    </div>
</body>
</html>